<template>

  <div class="user-phone-outer-outer">
    <div class="user-phone-outer">
      111
    </div>
  </div>
</template>

//    "wangeditor": "^4.1.0"
<script lang="ts">
import {defineComponent, ref, reactive, computed, watch, onMounted} from 'vue'
import {useStore} from 'vuex'
import {useRouter, useRoute} from 'vue-router'

export default defineComponent({
  setup(props, context) {
    const store = useStore();
    const router = useRouter();
    const route = useRoute();

    // TODO 电话
    return {}
  }
})
</script>

<style scoped lang="less">
.user-phone-outer-outer {
  padding: 20px;
  @media screen and(max-width: 768px) {
    padding: 15px;
  }
  @media screen and(max-width: 576px) {
    padding: 10px;
  }
  @media screen and(max-width: 425px) {
    padding: 0;
  }

  .user-phone-outer {
    background-color: #f5f5f5;
    border-radius: 16px;
    padding: 20px 40px;

    @media screen and(max-width: 768px) {
      padding: 15px;
    }

    @media screen and(max-width: 425px) {
      padding: 10px;
      border-radius: 0;
    }
  }
}
</style>
